//  less 是完全兼容直接写 css

// 封装的问题 less 混入 minix 函数
// https://lesscss.cn/#-mixins
.line(@n: 1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @n; /* 设置最多显示的行数 */
  overflow: hidden;
}


.wrap {
	.header {
	  width: 750rpx;
	  height: 344rpx;
	  background: #92CF38;
	
	  padding-top: 85rpx;
	  box-sizing: border-box;
	
	  position: relative;
	
	}
}
	
	
	.wrap .header .search {
	  width: 655rpx;
	  height: 64rpx;
	  line-height: 64rpx;
	  background: #F6F7FA;
	  border-radius: 32rpx;
	  margin: 0 auto;
	
	  font-weight: 500;
	  font-size: 24rpx;
	  color: #ABB0C1;
	  padding-left: 46rpx;
	  box-sizing: border-box;
	
	  /* 子绝父相 */
	  position: relative;
	}
	
	.wrap .header .search .fdj_icon {
	  position: absolute;
	  left: 15rpx;
	  top: 50%;
	  transform: translateY(-50%);
	
	  width: 23rpx;
	  height: 23rpx;
	}
	
	.wrap .header .hot-list {
	  display: flex;
	  // justify-content: space-between;
	  padding: 0 56rpx;
	  margin-top: 28rpx;
	}
	
	.wrap .header .hot-list .hot-item {
	  font-weight: 500;
	  font-size: 22rpx;
	  color: #FFFFFF;
	  margin-right: 20rpx;
	}
	
	.wrap .header .banner {
	
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  transform: translate(-50%, 50%);
	
	  width: 640rpx;
	  height: 240rpx;
	  border-radius: 16rpx;
	  overflow: hidden;
	}
	
	.wrap .header .banner swiper{
	  height: 240rpx;
	  border-radius: 16rpx;
	}
	.wrap .header .banner swiper swiper-item{
	  border-radius: 16rpx;
	  
	  image{
		  width: 640rpx;
		  height: 240rpx;
	  }
	}
	
	
	
	
	.wrap .jgg {
	  padding: 0 50rpx;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-top: 140rpx;
	}
	.wrap .jgg .item {
	  width: 25%;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  margin-bottom: 30rpx;
	}
	.wrap .jgg .item image {
	  width: 100rpx;
	  height: 100rpx;
	}
	.wrap .jgg .item text {
	  font-size: 24rpx;
	  color: #151f38;
	  margin-top: 21rpx;
	}
	.wrap .notice {
	  display: flex;
	  align-items: center;
	  padding: 0 50rpx;
	  margin-bottom: 48rpx;
	}
	.wrap .notice .icon {
	  margin-right: 15rpx;
	}
	.wrap .notice .icon image {
	  width: 29rpx;
	  height: 25rpx;
	}
	.wrap .notice text {
	  font-size: 24rpx;
	  color: #444a5c;
	}
	.wrap .promation {
	  padding: 0 50rpx;
	}
	.wrap .promation .p-top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 30rpx;
	}
	.wrap .promation .p-top .left {
	  display: flex;
	  align-items: center;
	}
	.wrap .promation .p-top .left image {
	  width: 31rpx;
	}
	.wrap .promation .p-top .left .title {
	  font-weight: 800;
	  font-size: 30rpx;
	  color: #0d182e;
	  padding-left: 8rpx;
	  padding-right: 12rpx;
	}
	.wrap .promation .p-top .left .sub-title {
	  font-size: 24rpx;
	  color: #bbbfcd;
	  align-self: flex-end;
	}
	.wrap .promation .p-top .right image {
	  width: 10rpx;
	  height: 17rpx;
	}
	.wrap .promation .p-content .item {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding-bottom: 21rpx;
	  padding-top: 21rpx;
	  border-bottom: 1rpx solid #f0f4fb;
	}
	.wrap .promation .p-content .item .left {
	  display: flex;
	}
	.wrap .promation .p-content .item .left image {
	  width: 140rpx;
	  height: 140rpx;
	  margin-right: 18rpx;
	}
	.wrap .promation .p-content .item .left .info {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  width: 306rpx;
	}
	.wrap .promation .p-content .item .left .info text {
	  font-size: 26rpx;
	  color: #151f38;
	}
	.wrap .promation .p-content .item .left .info .price {
	  display: flex;
	}
	.wrap .promation .p-content .item .left .info .price .num {
	  font-size: 24rpx;
	  color: #ff3a3a;
	}
	.wrap .promation .p-content .item .left .info .price .del {
	  font-size: 24rpx;
	  color: #bcc1ca;
	  text-decoration: line-through;
	  margin-left: 19rpx;
	}
	.wrap .promation .p-content .item .right {
	  background-color: #f83e3d;
	  height: 48rpx;
	  line-height: 48rpx;
	  text-align: center;
	  font-size: 26rpx;
	  color: #fff;
	  padding: 0 30rpx;
	  border-radius: 24rpx;
	}
	.wrap .news {
	  padding-left: 36rpx;
	  padding-right: 36rpx;
	  margin-bottom: 68rpx;
	}
	.wrap .news .title {
	  width: 680rpx;
	  height: 86rpx;
	  background-image: url(http://106.52.75.114/uploads/attach/2023/06/20230614/d754f5f7c914981129f465ecbd3d8477.png);
	  background-size: 680rpx 86rpx;
	  background-repeat: no-repeat;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 0 30rpx;
	  box-sizing: border-box;
	  margin-bottom: 20rpx;
	}
	.wrap .news .title .l-title {
	  font-size: 32rpx;
	  color: #ffffff;
	}
	
	.wrap .news .title .more {
	  height: 46rpx;
	  line-height: 46rpx;
	  text-align: center;
	  border-radius: 24rpx;
	  padding: 2rpx 40rpx;
	  background: #171d95;
	  font-size: 24rpx;
	  color: #fff;
	}
	.wrap .news .content {
	  display: flex;
	  justify-content: space-between;
	}
	
	.wrap{
		  .info {
			  text{
				  .line(2);
				  
			  }
		  }
	}
	
	.wrap .news .content .item {
	  width: 32%;
	  display: flex;
	  flex-direction: column;
	}
	.wrap .news .content .item .top image {
	  width: 216rpx;
	  height: 216rpx;
	}
	.wrap .news .content .item .top .info text {
	  font-size: 26rpx;
	  font-weight: 600;
	  color: #151f38;
	}
	.wrap .news .content .item .top .info .sale {
	  margin-top: 10rpx;
	  margin-bottom: 10rpx;
	  font-size: 24rpx;
	  color: #878c9a;
	}
	.wrap .news .content .item .top .info .price {
	  display: flex;
	}
	.wrap .news .content .item .top .info .price > view.num {
	  font-size: 24rpx;
	  color: #ff3a3a;
	  margin-right: 1rpx;
	}
	.wrap .news .content .item .top .info .price > view.del {
	  font-size: 24rpx;
	  color: #878c9a;
	}
	.wrap .signal-goods {
	  padding: 0 50rpx;
	}
	.wrap .signal-goods .p-top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 30rpx;
	}
	.wrap .signal-goods .p-top .left {
	  display: flex;
	  align-items: flex-end;
	}
	.wrap .signal-goods .p-top .left image {
	  width: 31rpx;
	}
	.wrap .signal-goods .p-top .left .title {
	  font-weight: 800;
	  font-size: 30rpx;
	  color: #0d182e;
	  padding-left: 4rpx;
	  padding-right: 12rpx;
	}
	.wrap .signal-goods .p-top .left .sub-title {
	  font-size: 24rpx;
	  color: #bbbfcd;
	}
	.wrap .signal-goods .p-top .right image {
	  width: 10rpx;
	  height: 17rpx;
	}
	.wrap .signal-goods .p-content {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	}
	.wrap .signal-goods .p-content .item {
	  width: 48%;
	  display: flex;
	  justify-content: space-between;
	  padding-bottom: 21rpx;
	  padding-top: 21rpx;
	  border-bottom: 1rpx solid #f0f4fb;
	}
	.wrap .signal-goods .p-content .item > .top {
	  display: flex;
	  flex-direction: column;
	}
	.wrap .signal-goods .p-content .item > .top image {
	  width: 330rpx;
	  height: 330rpx;
	  margin-bottom: 17rpx;
	}
	.wrap .signal-goods .p-content .item > .top .info {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}
	.wrap .signal-goods .p-content .item > .top .info text {
	  font-size: 26rpx;
	  color: #151f38;
	  margin: 10rpx 0;
	}
	.wrap .signal-goods .p-content .item > .top .info .price .num {
	  background-color: #ffe8ee;
	  font-size: 24rpx;
	  color: #ff3a3a;
	  padding: 4rpx;
	}
	.wrap .category {
	  padding: 0 50rpx;
	  margin-top: 20rpx;
	}
	.wrap .category .tabs {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 20rpx;
	}
	.wrap .category .tabs .item {
	  font-size: 26rpx;
	  color: #0e1527;
	  position: relative;
	  padding: 14rpx 0;
	}
	.wrap .category .tabs .item.active {
	  font-weight: 800;
	  color: #0e1527;
	}
	.wrap .category .tabs .item.active::before {
	  position: absolute;
	  left: 50%;
	  bottom: -14rpx;
	  transform: translateX(-50%);
	  content: '';
	  width: 40rpx;
	  height: 4rpx;
	  background: #94cf39;
	  border-radius: 2rpx;
	}
	.wrap .category .tab-content .item {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding-bottom: 21rpx;
	  padding-top: 21rpx;
	  border-bottom: 1rpx solid #f0f4fb;
	}
	.wrap .category .tab-content .item .left {
	  display: flex;
	}
	.wrap .category .tab-content .item .left image {
	  width: 140rpx;
	  height: 140rpx;
	  margin-right: 18rpx;
	}
	.wrap .category .tab-content .item .left .info {
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  width: 306rpx;
	}
	.wrap .category .tab-content .item .left .info text {
	  font-size: 26rpx;
	  color: #151f38;
	  font-weight: 800;
	}
	.wrap .category .tab-content .item .left .info .stock {
	  font-size: 24rpx;
	  color: #878c9a;
	  margin-bottom: 14rpx;
	  margin-top: 10rpx;
	}
	.wrap .category .tab-content .item .left .info .price {
	  display: flex;
	}
	.wrap .category .tab-content .item .left .info .price .num {
	  font-size: 24rpx;
	  color: #ff3a3a;
	}
	.wrap .category .tab-content .item .left .info .price .del {
	  font-size: 24rpx;
	  color: #bcc1ca;
	  margin-left: 19rpx;
	}
	.wrap .category .tab-content .item .right {
	  background-color: #f83e3d;
	  height: 48rpx;
	  line-height: 48rpx;
	  text-align: center;
	  font-size: 26rpx;
	  color: #fff;
	  padding: 0 30rpx;
	  border-radius: 24rpx;
	}